<!DOCTYPE html>
<html>
<head>
    <title>{$eju.field.seo_title}</title>
    <meta name="renderer" content="webkit" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui" />
    <meta name="description" content="{$eju.field.seo_description}" />
    <meta name="keywords" content="{$eju.field.seo_keywords}" />
    <link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    {eju:static file="skin/css/iconfont.css" /}
    {eju:static file="skin/css/amazeui.min.css" /}
    {eju:static file="skin/css/aflist.css" /}
    {eju:static file="skin/css/mobile2.css" /}

    {eju:static file="skin/js/jquery.min.js" /}
    {eju:static file="skin/js/amazeui.min.js" /}
    {eju:static file="skin/js/iscroll.js" /}
    {eju:static file="skin/js/swiper-3.4.2.jquery.min.js" /}
    {eju:static file="skin/js/amazeui.lazyload.min.js" /}
</head>
<style>
    .input-text{
        border: 1px #CCC solid;
        font-size: 1.45rem;
        float: left;
        width: 100%;
        margin-top: 1.2rem;
        margin-bottom: 1.2rem;
        border-radius: 5px;
        line-height: 3rem;
        height: 3rem;
        padding: 5px;
    }
</style>
<body>
{eju:include file="header.htm"/}
<div class="newscontent">
    <div class="newscontent-title am-paragraph-default">
        <p class="newscontent_article_title">{$eju.field.title}</p>
        <p class="newscontent-data"><span>{$eju.field.add_time|MyDate='Y-m-d H:i:s',###}</span> / <span>{eju:arcclick /}次阅读</span></p>
    </div>
    {$eju.field.content}
    <p style="font-size: 12px;margin: 0 10px;">*重要提示：本页面内容旨在为满足广大用户的信息需求而采集提供。所发布的内容不代表本网站之观点或意见，所出现的价格、图片仅供用户参考，最终以开发商实际公布为准。所涉面积，如无特殊说明均为建筑面积；所涉装修状况、标准以签署的合同为准。商品房预售必须取得《商品房预售许可证》，用户在购房时须谨慎查看楼盘《国有土地使用证》、《建设用地规划许可证》、《建设工程规划许可证》、《建筑工程施工许可证》、《商品房预售许可证》等证件信息。</p>
</div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li> <a href="tel:{eju:global name='web_attr_2' /}">
            <span class="am-icon-phone" style="display: inline-block;"></span>
            <span class="am-navbar-label" style="display: inline-block;font-size: 18px;">咨询电话</span> </a>
        </li>
        <li style="border-right: 1px solid #fff;border-left: 1px solid #fff;">
            <a href="#" data-am-modal="{target:'#af-user-yy'}">
                <span class="am-icon-bus" style="display: inline-block;"></span>
                <span class="am-navbar-label" style="display: inline-block;font-size: 18px;">预约看房</span>
            </a>
        </li>
        <li>
            <a href="#" data-am-modal="{target:'#af-user-yy'}">
                <span class="am-icon-comment-o" style="display: inline-block;"></span>
                <span class="am-navbar-label" style="display: inline-block;font-size: 18px;">在线咨询</span>
            </a>
        </li>
    </ul>
</div>
<div class="am-modal am-modal-prompt" tabindex="-1" id="af-user-yy">
    <div class="am-modal-dialog" style="width: 100%;height: 40%;">
        {eju:form formid="1" success="closemodal"}
        <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
            <div class="am-modal-hd">预约看房 </div>
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="" style="top: 4px;right: 4px;position: absolute">×</a>
            <p class="am-modal-text">24小时接送机，住宿安排，专车看房，全程免费</p>
            <input type="text" class="input-text" id="{$field.attr_1}" name="{$field.attr_1}" placeholder="{$field.itemname_1}" >
            <button type="submit" id="yuyue_btn_sub" class="am-btn am-btn-warning af-yyzx">免费预约</button>
            {$field.hidden}
        </form>
        <script>
            function closemodal(){
                $(".layui-layer-loading1").hide();
                $(".am-modal,.am-dimmer").hide();
                $("body").removeClass("am-dimmer-active");
            }
        </script>
        {/eju:form}
    </div>
</div>
{eju:static file="skin/layer/layer.min.js" /}
<script>
    $(function() {
        $(".yhsq_m5 a").click(function(){
            $(".am-modal-hd,#yuyue_btn_sub").text($(".yhsq_m5 a").text());
            $(".am-modal-dialog #type").val(3);
        });
        $(".am-navbar-label").click(function(){
            $(".am-modal-hd,#yuyue_btn_sub").text($(".am-navbar-label").eq(1).text());
            $(".am-modal-dialog #type").val(1);
        });
    });
</script>
</body>
</html>
